<template>
  <div style="width: 100%;height:100%;background-color: #071239">
    <img :src="imgs.headbg" style="width: 100%">
    <div style = "position: absolute;top: 10px;left:750px;color: white;font-weight: bold;font-size: 32px;">{{title}}</div>
    <div style="display: flex;flex-direction: row;width: 100%;justify-content: space-around;">
      <dv-border-box-11 :title="item.name" style="height: 750px;padding-top: 60px;padding-left: 20px;padding-right: 20px;width: 500px;" :titleWidth="350"
      v-for="(item,index) in list" :key="index" >
        <img :src="item.img" style="height: 700px" @click="viewDetail(item.type)">
      </dv-border-box-11>
    </div>
  </div>
</template>
<script>
import headbg from "../../static/image/headbg.png";
import geo_img from "../../static/image/地质.png";
import struct_img from "../../static/image/结构.png";
import remain_img from "../../static/image/未完待续.png";
export default {
  data(){
    return {
      imgs:{headbg},
      title:"岩石隧道工程信息模型系列标准",
      list:[
        {name:"岩石隧道工程信息模型结构数据标准",img:struct_img,type:"struct"},
        {name:"岩石隧道工程信息模型地质数据标准",img:geo_img,type:"geo"},
        {name:"",img:remain_img},
      ]
    }
  },
  created () {
  },
  mounted () {
  },
  methods:{
    viewDetail(type){
      if (type){
        this.$router.push({ path: "../MainFrame?type="+type }); //管理员
      }
    }
  }
}
</script>
